@layout("/common/_container.html"){
<link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all">
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>业务数据管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12" style="margin-bottom: 20px;">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 100px;">开始日期</label>
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" id="beginTime" placeholder="yyyy-MM-dd">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 100px;">结束日期</label>
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" id="endTime" placeholder="yyyy-MM-dd">
                                    </div>
                                </div>

                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 100px;">数据指标</label>
                                    <div class="layui-input-inline">
                                        <select id="target" class="layui-select" >
                                            <option value="-1">请选择</option>
                                            <option value="1">拉新指标</option>
                                            <option value="2">用户留存</option>
                                            <option value="3">财务数据</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" style="margin-left: 20px;">
                                    <button id="search" style="width: 60px;height: 30px;background-color: cornflowerblue;color: white;"
                                            onclick="VpnBusinessDataInfo.search()">搜索</button>
                                    <a id="exportExcel" style="width: 60px;height: 30px;background-color: #1d9d74;color: white;"
                                            onclick="VpnBusinessDataInfo.exportExcel()">导出</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h5 style="margin-left: 10px; margin-top: 40px;">拉新用户核心指标</h5>
                    <table class="layui-table-body"  id="table1" lay-data="{id:'table1'}"></table>

                    <h5 style="margin-left: 10px; margin-top: 40px;">用户留存核心指标</h5>
                    <table class="layui-table-body"  id="table2" layout-filter="info2"></table>

                    <h5 style="margin-left: 10px; margin-top: 40px;">财务数据</h5>
                    <table class="layui-table-body" id="table3" layout-filter="info3"></table>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpn_business_info/vpnBusinessDataInfo/vpnBusinessDataInfo.js"></script>
<script>
    laydate.render({
        elem: '#beginTime'
    });
    laydate.render({
        elem: '#endTime'
    });
</script>
@}
